@import '../../../assets/css/const.styl'

.amount-info
  width 100%
  height 100%
  padding 4%
  padding-top 6px
  padding-bottom 6px
  display flex
  flex-direction column
  justify-content space-between
  .amount-info-item
    width 100%
    border 1px solid border_color
    position relative
// 营收数据
  .amount-info-item-header
    height 24%
    .myWave
      height 100%
      width 100%
// 营收数据
//  里程数据
  .amount-info-item-two
    height 26%
    display flex
    flex-direction column
    justify-content space-around
    .amount-info-item-two-real
      height 26%
      width 94%
      margin 0 auto
      display flex
      flex-direction column
      justify-content space-between
      .amount-info-item-two-temp
        height 25%
      .amount-info-item-two-real-top
        height 40%
        display flex
        flex-direction row
        justify-content space-between
        .amount-info-item-two-real-top-left
          height 100%
          line-height 100%
          font-size 20px
          color #61e1ee
          padding-left 9.6%
          background url("http://xm-cdn.oss-cn-hangzhou.aliyuncs.com/img/data-screen/mileage_wave_icon.png") left center no-repeat
          background-size 26px 26px
        .amount-info-item-two-real-top-right
          color #de4a22
          font-size 16px
          line-height 100%
          text-align right
        .down-color
          color #19c094
      .amount-info-item-two-real-bottom
        height 35%
        padding-left 9.6%
        color #ffffff
        font-size 12px
    .liChengWave
      height 72%
//  里程数据
//  客流数据
  .amount-info-item-three
    height 26%
    display flex
    flex-direction column
    justify-content space-around
    .amount-info-item-three-real
      height 26%
      width 94%
      margin 0 auto
      display flex
      flex-direction column
      justify-content space-between
      .amount-info-item-three-temp
        height 25%
      .amount-info-item-three-real-top
        height 40%
        display flex
        flex-direction row
        justify-content space-between
        .amount-info-item-three-real-top-left
          height 100%
          line-height 100%
          font-size 20px
          color #61e1ee
          padding-left 9.6%
          background url("http://xm-cdn.oss-cn-hangzhou.aliyuncs.com/img/data-screen/peo_flow_wave_icon.png") left center no-repeat
          background-size 26px 26px
        .amount-info-item-three-real-top-right
          color #de4a22
          font-size 16px
          line-height 100%
          text-align right
        .down-color
          color #19c094
      .amount-info-item-three-real-bottom
        height 35%
        padding-left 9.6%
        color #ffffff
        font-size 12px
    .userWave
      height 72%
//  客流数据
// 车辆报警汇总
  .amount-info-item-footer
    height 15%
    display flex
    .amount-info-item-footer-item
      width 98%
      margin 0 auto
      padding-top 10px
      display flex
      flex-direction row
      justify-content space-around
      align-items center
      .icon
        width 50px
        height 50px
      .bus-pie
        width 26%
      .bus-basis
        width 20%
        cursor pointer
        font-size 10px
        .bus-basis-item
          color #ffffff
        i
          margin-right 5px
        .red
          color #f71c6d
        .blue
          color #3d79fe
        .dark-blue
          color #3521ff
        .light-blue
          color #3cb5fe
// 车辆报警汇总
